@media only screen and (min-width: 750px) {
    html {
        font-size:100px !important
    }
}

@media only screen and (max-width: 750px) {
    html {
        font-size:96.6667px !important
    }
}

@media only screen and (max-width: 700px) {
    html {
        font-size:93.3333px !important
    }
}

@media only screen and (max-width: 675px) {
    html {
        font-size:90px !important
    }
}

@media only screen and (max-width: 650px) {
    html {
        font-size:86.6667px !important
    }
}

@media only screen and (max-width: 625px) {
    html {
        font-size:83.3333px !important
    }
}

@media only screen and (max-width: 600px) {
    html {
        font-size:80px !important
    }
}

@media only screen and (max-width: 575px) {
    html {
        font-size:76.6667px !important
    }
}

@media only screen and (max-width: 550px) {
    html {
        font-size:73.3333px !important
    }
}

@media only screen and (max-width: 525px) {
    html {
        font-size:70px !important
    }
}

@media only screen and (max-width: 500px) {
    html {
        font-size:66.6667px !important
    }
}

@media only screen and (max-width: 475px) {
    html {
        font-size:63.3333px !important
    }
}

@media only screen and (max-width: 450px) {
    html {
        font-size:60px !important
    }
}

@media only screen and (max-width: 425px) {
    html {
        font-size:56.6667px !important
    }
}

@media only screen and (max-width: 400px) {
    html {
        font-size:53.3333px !important
    }
}

@media only screen and (max-width: 375px) {
    html {
        font-size:50px !important
    }
}

@media only screen and (max-width: 350px) {
    html {
        font-size:46.6667px !important
    }
}

@media only screen and (max-width: 325px) {
    html {
        font-size:43.3333px !important
    }
}

@media only screen and (max-width: 300px) {
    html {
        font-size:40px !important
    }
}

.flex-rict {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.wap,#header .close {
    display: none
}

#nav {
    width: 100%;
    flex: 1
}

@media only screen and (max-width: 750px) {
    body {
        font-size:0.26rem;
        padding-bottom: 1.2rem;
        -webkit-tap-highlight-color: transparent
    }

    .menu {
        cursor: pointer;
        height: 100%;
        width: 25px;
        position: relative;
        z-index: 600;
        height: 50px;
        border-radius: 0.05rem;
        align-items: center;
        justify-content: center;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .menu i {
        display: block;
        width: 25px;
        height: 2px;
        background-color: #02C176;
        position: relative;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        margin: 5px auto
    }

    .menu i:nth-child(1) {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom
    }

    .menu i:nth-child(3) {
        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
        -ms-transform-origin: left top;
        -o-transform-origin: left top;
        transform-origin: left top
    }

    .menu.on i:nth-child(1) {
        -webkit-transform: rotate(34deg);
        -moz-transform: rotate(34deg);
        -ms-transform: rotate(34deg);
        -o-transform: rotate(34deg);
        transform: rotate(34deg)
    }

    .menu.on i:nth-child(2) {
        opacity: 0
    }

    .menu.on i:nth-child(3) {
        -webkit-transform: rotate(-34deg);
        -moz-transform: rotate(-34deg);
        -ms-transform: rotate(-34deg);
        -o-transform: rotate(-34deg);
        transform: rotate(-34deg)
    }

    .footer {
        display: flex
    }

    .footer-right {
        display: block;
        background-color: #f8f8f8;
        padding: 13px 0
    }

    .footer-right .item {
        width: 65%;
        line-height: 1.8;
        padding: 0 5px;
        margin: auto;
        color: #666
    }

    .footer-right .item span {
        color: #333
    }

    body {
        padding-top: 0.8rem
    }

    .box {
        padding: 0 3%
    }

    #app {
        min-width: 100%;
        font-size: 0.24rem
    }

    .box {
        width: 100%
    }

    .common-title-wrapper {
        padding-top: 0.8rem !important;
        padding-bottom: 0.5rem !important
    }

    .common-title-wrapper .main-title-large {
        font-size: 0.4rem;
        margin-bottom: 8px
    }

    .art-abroad-wrapper,.junior-abroad-wrapper,.under-abroad-wrapper,.master-abroad-wrapper,.hnd-abroad-wrapper {
        padding-bottom: 0.5rem
    }

    .art-abroad-wrapper .box,.junior-abroad-wrapper .box,.under-abroad-wrapper .box,.master-abroad-wrapper .box,.hnd-abroad-wrapper .box {
        width: 94%;
        padding-bottom: 1px
    }

    .art-abroad-wrapper .box .icon-1,.art-abroad-wrapper .box .icon-2,.junior-abroad-wrapper .box .icon-1,.junior-abroad-wrapper .box .icon-2,.under-abroad-wrapper .box .icon-1,.under-abroad-wrapper .box .icon-2,.master-abroad-wrapper .box .icon-1,.master-abroad-wrapper .box .icon-2,.hnd-abroad-wrapper .box .icon-1,.hnd-abroad-wrapper .box .icon-2 {
        width: 2rem;
        height: auto;
        display: none1
    }

    .art-abroad-wrapper .box .el-button,.junior-abroad-wrapper .box .el-button,.under-abroad-wrapper .box .el-button,.master-abroad-wrapper .box .el-button,.hnd-abroad-wrapper .box .el-button {
        width: 2.6rem;
        height: 0.6rem;
        font-size: 0.28rem;
        border-radius: 0.1rem;
        margin: 0.8rem 0 1.2rem;
        line-height: 1.6;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0.4rem auto
    }

    .art-abroad-wrapper .box .list,.junior-abroad-wrapper .box .list,.under-abroad-wrapper .box .list,.master-abroad-wrapper .box .list,.hnd-abroad-wrapper .box .list {
        display: flex;
        align-items: stretch;
        flex-wrap: wrap;
        padding-bottom: 0.3rem;
        padding: 0 3%
    }

    .art-abroad-wrapper .box .list .item,.junior-abroad-wrapper .box .list .item,.under-abroad-wrapper .box .list .item,.master-abroad-wrapper .box .list .item,.hnd-abroad-wrapper .box .list .item {
        width: 50%;
        padding-top: 0.4rem
    }

    .art-abroad-wrapper .box .list .item .rank,.junior-abroad-wrapper .box .list .item .rank,.under-abroad-wrapper .box .list .item .rank,.master-abroad-wrapper .box .list .item .rank,.hnd-abroad-wrapper .box .list .item .rank {
        width: 0.8rem;
        height: 0.8rem;
        line-height: 0.8rem;
        font-size: 0.28rem;
        margin-bottom: 0.2rem
    }

    .art-abroad-wrapper .box .list .item .content,.junior-abroad-wrapper .box .list .item .content,.under-abroad-wrapper .box .list .item .content,.master-abroad-wrapper .box .list .item .content,.hnd-abroad-wrapper .box .list .item .content {
        font-size: 0.2rem;
        line-height: 1.8;
        max-width: 2.6rem
    }

    .high-study-wrapper .box {
        padding: 0 3%
    }

    .high-study-wrapper .box .item {
        width: 48.5%;
        height: 2rem;
        margin-bottom: 0.26rem
    }

    .high-study-wrapper .box .item .info {
        left: 0.2rem;
        right: 0.2rem;
        top: 0.3rem
    }

    .high-study-wrapper .box .item .info .line {
        margin-bottom: 0.1rem
    }

    .high-study-wrapper .box .item .info .name {
        margin-bottom: 0.1rem
    }

    .high-study-wrapper .box .item .info .name .t1 {
        font-size: 0.28rem;
        padding-right: 0.2rem
    }

    .high-study-wrapper .box .item .info .name .t2 {
        font-size: 0.2rem
    }

    .high-study-wrapper .box .item .info .content {
        width: 100%;
        font-size: 0.2rem
    }

    .high-picture-wrapper {
        padding: 0 3% 0.5rem
    }

    .high-picture-wrapper .head {
        max-width: 100%;
        padding: 0.2rem
    }

    .high-picture-wrapper .box {
        padding-top: 0
    }

    .high-picture-wrapper .box .center .pic {
        display: none
    }

    .high-picture-wrapper .box .item {
        margin-top: 0.3rem !important
    }

    .choice-item {
        padding: 0.6rem 0 0.4rem;
        border-bottom-width: 1px
    }

    .choice-item .box {
        padding: 0 3%
    }

    .choice-item .box .head {
        flex-wrap: wrap
    }

    .choice-item .box .head .t1,.choice-item .box .head .t2 {
        font-size: 0.36rem
    }

    .choice-item .box .head .t3 {
        width: 100%;
        margin-top: 20px;
        padding: 0.3rem
    }

    .choice-item .box .head .t3::before {
        top: auto;
        bottom: 100%;
        transform: rotate(90deg);
        right: 90%
    }

    .choice-item .box .choice-country-list {
        display: block
    }

    .choice-item .box .choice-country-list .left {
        width: 100%;
        display: flex;
        align-items: center;
        flex-wrap: wrap
    }

    .choice-item .box .choice-country-list .left .item {
        width: 24%;
        margin-right: 1%;
        font-size: 0.26rem;
        line-height: 1.3;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 0.7rem;
        margin-bottom: 0.14rem
    }

    .choice-item .box .choice-country-list .right .introduce {
        font-size: 0.24rem;
        line-height: 1.3;
        height: auto;
        padding: 0.2rem
    }

    .choice-item .box .choice-country-list .right table {
        font-size: 0.2rem
    }

    .choice-item .box .choice-country-list .right table td {
        padding: 0.2rem 0.1rem;
        line-height: 1.3
    }

    .choice-item .box .choice-country-list .right table thead th .th-item {
        font-size: 0.24rem;
        line-height: 1.6;
        padding: 0.2rem
    }

    .htit {
        margin-bottom: 0.3rem
    }

    .htit .h2 {
        font-size: 0.3rem
    }

    .htit .intro {
        font-size: .24rem;
        margin-top: 0.2rem
    }

    .home-bottom,#footer {
        display: none
    }

    .home-main9 .box {
        padding: 0 3%
    }

    .home-main9 .form {
        height: 0.8rem;
        margin-bottom: 0.4rem;
        margin-top: 0.1rem
    }

    .home-main9 .form .text {
        background-image: none;
        padding: 0 0.2rem;
        font-size: 0.24rem
    }

    .home-main9 .form .btn {
        width: 1.6rem;
        font-size: 0.26rem
    }

    .home-main9 .tabs {
        background-color: #F2FFFB;
        font-size: 0.3rem;
        border-radius: 0.3rem;
        height: 0.56rem;
        align-items: stretch;
        margin-bottom: 0.36rem
    }

    .home-main9 .tabs .dd {
        width: 22%;
        border-radius: 0.3rem;
        cursor: pointer
    }

    .home-main9 .screen {
        flex-wrap: wrap;
        margin-bottom: 0.4rem
    }

    .home-main9 .screen .dd {
        width: 20%
    }

    .home-main9 .screen .dd .li {
        border-radius: 0.23rem;
        height: 0.45rem;
        padding: 0 0.1rem;
        font-size: 0.22rem;
        margin-bottom: 0.1rem
    }

    .home-main9 .checked {
        margin-bottom: 0.5rem
    }

    .home-main9 .checked .dd {
        border-radius: 0.28rem;
        padding: 0 .22rem;
        height: .43rem;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        margin-right: .30rem;
        position: relative
    }

    .home-main9 .checked .close {
        width: .24rem;
        height: .24rem;
        cursor: pointer;
        position: absolute;
        right: -0.20rem;
        top: -0.20rem;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(../image/ico-close.png);
        background-size: 100% 100%
    }

    .home-main9 .schoolList {
        font-size: 0.18rem;
        display: block;
        padding: 0 0 0.6rem 0;
        background-color: #fff
    }

    .home-main9 .schoolList .imga {
        box-shadow: 0px 3px 21px 0px rgba(0,0,0,0.07);
        border-radius: 0.1rem;
        background-color: #fff;
        margin-bottom: 0.3rem;
        width: 100%;
        overflow: hidden
    }

    .home-main9 .schoolList .name {
        font-size: 0.26rem;
        font-weight: bold
    }

    .home-main9 .schoolList .youshi {
        color: #666
    }

    .home-main9 .schoolList .p {
        margin-top: 10px
    }

    .home-main9 .schoolList .school-box {
        flex-wrap: wrap
    }

    .home-main9 .schoolList .lab {
        background-color: #F2FFFB;
        padding: 0 6px
    }

    .home-main9 .schoolList .imgW {
        width: 2.7rem;
        height: 2.8rem;
        min-width: 2.7rem
    }

    .home-main9 .schoolList .mlW {
        flex: 1
    }

    .home-main9 .schoolList .img {
        object-fit: cover;
        width: 100%;
        height: 100%
    }

    .home-main9 .schoolList .btn {
        width: 0.94rem;
        height: 0.4rem;
        border-radius: 0.2rem;
        font-weight: bold;
        margin-left: 4px
    }

    .home-main9 .schoolList .btn1 {
        background-color: #D2FFED;
        color: #1C7D3E
    }

    .home-main9 .schoolList .address {
        flex: 1;
        width: 100%;
        margin-right: 10px;
        background-position: 0 center;
        background-repeat: no-repeat
    }

    .home-main9 .schoolList .div {
        padding: 0 0.16rem
    }

    .home-main9 .schoolList .bottom {
        margin-top: 0.2rem
    }

    .el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pager li {
        width: 25px;
        min-width: 25px !important;
        line-height: 25px !important;
        height: 25px;
        font-size: 12px !important
    }

    .online-container {
        padding-bottom: 0
    }

    .online-container .box {
        margin-top: 0;
        padding: 0.2rem;
        border-radius: 0;
        box-shadow: none
    }

    .online-container .box .head-img {
        margin-bottom: 0.4rem
    }

    .online-container .head-title .name {
        font-size: 0.3rem;
        padding: 0 0.14rem
    }

    .online-container .head-title .border {
        width: 2px;
        height: 0.3rem
    }

    .online-container .head-content {
        padding-left: 0;
        padding-top: 0.2rem
    }

    .online-container .head-content .el-input__inner {
        font-size: 0.26rem
    }

    .online-container .head-content .button {
        width: 31.6%;
        font-size: 0.2rem;
        margin: 0 0.8% 0.1rem
    }

    .online-container .head-content .row {
        margin-top: 0.2rem
    }

    .online-container .head-content .sub-title {
        font-size: 0.22rem
    }

    .online-container .head-content .sub-title.form-item {
        margin-bottom: 0.2rem
    }

    .online-container .head-content .label {
        font-size: 0.28rem;
        line-height: 1.4
    }

    .online-container .el-col {
        width: 100%
    }

    .online-container .el-form-item {
        margin-bottom: 0.26rem
    }

    .online-container .el-select {
        width: 100%
    }

    .online-container .bottom-link {
        font-size: 0.2rem
    }

    .online-container .bottom-btn {
        margin: 0.4rem 0
    }

    .online-container .bottom-btn .el-button {
        width: 48%;
        height: 0.8rem;
        font-size: 0.3rem
    }

    .art-advantages-wrapper .box .adv-list {
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 0.4rem
    }

    .art-advantages-wrapper .box .adv-list .item {
        max-width: 48%;
        margin: 0 1%
    }

    .art-advantages-wrapper .box .line {
        display: none
    }

    .art-advantages-wrapper .box .country-list {
        flex-wrap: wrap
    }

    .art-advantages-wrapper .box .country-list .item {
        width: 30%;
        margin: 0 1.5%
    }

    .art-advantages-wrapper .box .country-list .item:last-child {
        display: none
    }

    .art-advantages-wrapper .box .country-list .item .content {
        width: 70%;
        margin: 0 auto;
        font-size: 0.22rem;
        line-height: 1.4
    }

    .art-advantages-wrapper .box .country-list .item .icon {
        margin-bottom: 0.1rem;
        width: 2rem;
        height: 2.2rem;
        display: block;
        margin: 0 auto
    }

    .art-advantages-wrapper .box .country-list .item .name {
        height: 2.3rem;
        line-height: 2.3rem;
        font-size: 0.3rem;
        width: 2rem;
        left: 50%;
        transform: translateX(-50%)
    }

    .art-study-wrapper .box {
        padding: 0 3%
    }

    .art-study-wrapper .box .left {
        width: 100%;
        padding: 0;
        margin-bottom: 0.6rem
    }

    .art-study-wrapper .box .left .info {
        transform: translate(-53%, -50%)
    }

    .art-study-wrapper .box .info {
        padding: 0 !important;
        top: 50%;
        left: 50%;
        width: 80%
    }

    .art-study-wrapper .box .title {
        font-size: 0.3rem;
        margin-bottom: 0.2rem
    }

    .art-study-wrapper .box .content {
        font-size: 0.2rem;
        width: 100%
    }

    .art-study-wrapper .box .btn {
        width: 3rem;
        height: 0.7rem;
        line-height: 0.7rem;
        bottom: -0.15rem !important;
        margin: 0;
        transform: translateX(-50%);
        font-size: 0.28rem
    }

    .art-study-wrapper .box .right {
        width: 100%;
        margin-bottom: 0.6rem
    }

    .art-study-wrapper .box .right .info {
        transform: translate(-47%, -50%)
    }

    .art-major-wrapper {
        padding-bottom: 0.6rem
    }

    .art-major-wrapper .box {
        padding: 0 3%
    }

    .art-major-wrapper .box .tab-list .item {
        width: 44%;
        height: 1rem;
        font-size: 0.4rem;
        border-radius: 0.1rem 0.1rem 0 0;
        line-height: 1rem
    }

    .art-major-wrapper .box .tab-list .item:last-child::after {
        border-left-width: 0.4rem;
        border-bottom-width: 1rem;
        right: 99%
    }

    .art-major-wrapper .box .tab-list .item:first-child::after {
        border-right-width: 0.4rem;
        border-bottom-width: 1rem;
        left: 99%
    }

    .art-major-wrapper .box .tab-content {
        height: auto;
        padding: 0.2rem
    }

    .art-major-wrapper .box .tab-content .photo {
        width: 100%;
        height: auto;
        margin-top: 0.3rem;
        margin-left: 0
    }

    .art-major-wrapper .box .tab-content .content {
        margin-top: 0.3rem;
        margin-right: 0;
        width: 100%;
        line-height: 1.4;
        font-size: 0.26rem;
        padding-bottom: 0.1rem
    }

    .art-recommand-wrapper .mobile-list-box {
        width: 100%;
        overflow: auto
    }

    .art-recommand-wrapper .mobile-list {
        display: flex;
        overflow-x: auto;
        white-space: nowrap;
        padding: 0 3%
    }

    .art-recommand-wrapper .mobile-list .item {
        width: 23%;
        padding: 0 0.4rem;
        font-size: 0.28rem;
        box-sizing: border-box;
        margin: 0 1% 0.1rem;
        line-height: 38px;
        text-align: center;
        color: #666;
        border: 1px solid #ddd
    }

    .art-recommand-wrapper .mobile-list .item.active {
        background-color: #E68B48;
        border-color: #E68B48;
        color: #fff
    }

    .art-recommand-wrapper .box {
        padding: 0 3%
    }

    .art-recommand-wrapper .box .list .left,.art-recommand-wrapper .box .list .center,.art-recommand-wrapper .box .list .right {
        width: 100%;
        float: none;
        margin-left: 0
    }

    .art-recommand-wrapper .box .list .left .p1 {
        margin-bottom: 0 !important
    }

    .art-recommand-wrapper .box .list .left .p1,.art-recommand-wrapper .box .list .center,.art-recommand-wrapper .box .list .right .p1,.art-recommand-wrapper .box .list .right .p2 {
        width: 48%;
        height: 3rem;
        margin-bottom: 0.2rem
    }

    .art-recommand-wrapper .box .list .center {
        margin-top: -3rem;
        margin-left: 52%
    }

    .art-recommand-wrapper .box .list .right {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .art-recommand-wrapper .box .wrap {
        margin: 0 auto;
        width: 100%;
        padding: 0.3rem
    }

    .art-recommand-wrapper .box .country-list {
        display: none
    }

    .junior-master-wrapper .box,.under-master-wrapper .box {
        padding: 1rem 3% 0;
        position: relative
    }

    .junior-master-wrapper .box .item,.under-master-wrapper .box .item {
        width: 40%
    }

    .junior-master-wrapper .box .item .top,.under-master-wrapper .box .item .top {
        width: 2rem;
        height: 0.6rem;
        line-height: 0.6rem;
        font-size: 0.3rem
    }

    .junior-master-wrapper .box .item .content,.under-master-wrapper .box .item .content {
        width: 100%;
        padding: 0.5rem 0.2rem 0.3rem;
        font-size: 0.22rem;
        line-height: 1.4;
        height: 100%
    }

    .junior-master-wrapper .box .box-item,.under-master-wrapper .box .box-item {
        flex-direction: initial;
        height: auto;
        align-items: stretch;
        margin-bottom: 0.6rem;
        transform: translateY(0)
    }

    .junior-master-wrapper .box .box-item:last-child,.under-master-wrapper .box .box-item:last-child {
        margin-bottom: 0
    }

    .junior-master-wrapper .box .box-item .item-2,.under-master-wrapper .box .box-item .item-2 {
        margin-right: 0.5rem
    }

    .junior-master-wrapper .box .box-item .item-2 .top,.under-master-wrapper .box .box-item .item-2 .top {
        border-radius: 0.1rem 0.1rem 0.1rem 0px;
        margin-left: 0
    }

    .junior-master-wrapper .box .box-item .item-1,.under-master-wrapper .box .box-item .item-1 {
        margin-left: 0.5rem
    }

    .junior-master-wrapper .box .box-item .item-1 .top,.under-master-wrapper .box .box-item .item-1 .top {
        border-radius: 0.1rem 0.1rem 0px 0.1rem;
        margin-left: 100%;
        transform: translateX(-100%)
    }

    .junior-master-wrapper .box .box-list,.under-master-wrapper .box .box-list {
        flex-wrap: wrap;
        padding-bottom: 0.3rem;
        margin: 0 -3%
    }

    .junior-master-wrapper .box .center-box,.under-master-wrapper .box .center-box {
        width: 100%;
        height: auto;
        top: 0;
        left: 0;
        transform: translate(0, 0);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 4
    }

    .junior-master-wrapper .box .center-box .t1,.junior-master-wrapper .box .center-box .t2,.under-master-wrapper .box .center-box .t1,.under-master-wrapper .box .center-box .t2 {
        font-size: 0.3rem;
        position: static;
        transform: translate(0, 0)
    }

    .junior-master-wrapper .box .center-box .vs,.under-master-wrapper .box .center-box .vs {
        width: 1rem;
        display: block;
        height: 0.9rem;
        position: relative;
        top: 0;
        left: 0.5rem
    }

    .junior-master-wrapper .box .center-box .bg,.under-master-wrapper .box .center-box .bg {
        display: none
    }

    .bottom-form {
        padding: 0.2rem !important;
        padding-top: 0.3rem !important
    }

    .bottom-form .el-col {
        width: 100%
    }

    .bottom-form .el-form-item__label {
        font-size: 0.26rem;
        line-height: 1.4;
        padding-bottom: 0.1rem
    }

    .bottom-form .el-row .el-col:last-child {
        padding-top: 0.2rem
    }

    .bottom-form .el-row .el-col:last-child .el-form-item__label {
        display: none
    }

    .bottom-form .el-form-item {
        margin-bottom: 0.2rem
    }

    .junior-study-wrapper .banner {
        width: 100%
    }

    .junior-study-wrapper .swiper-slide .item {
        width: 94%
    }

    .junior-study-wrapper .swiper-slide .item.active .name {
        line-height: 140px;
        background: rgba(27,32,143,0.8)
    }

    .junior-study-wrapper .swiper-slide .item .name {
        font-size: 0.3rem
    }

    .junior-study-wrapper .btn-box .btn {
        width: 37%;
        background-size: 100% !important;
        font-size: 0.26rem;
        padding-left: 0.5rem;
        height: 1rem;
        line-height: 1rem;
        margin: 0 0.2rem
    }

    .junior-study-wrapper .infos {
        padding: 0.3rem;
        margin-bottom: 0.3rem
    }

    .junior-study-wrapper .infos .el-col {
        width: 100%;
        padding: 0 !important
    }

    .junior-study-wrapper .infos .el-row {
        margin: 0 !important
    }

    .junior-study-wrapper .infos .title-box .rank {
        font-size: 0.35rem;
        width: 1.2rem;
        height: 0.6rem;
        line-height: 0.6rem
    }

    .junior-study-wrapper .infos .title-box .title {
        font-size: 0.28rem
    }

    .junior-study-wrapper .infos .title-box {
        flex-wrap: wrap
    }

    .junior-study-wrapper .infos .title-box .el-radio-group {
        width: 100%;
        margin-top: 0.2rem
    }

    .junior-study-wrapper .infos .content-2 {
        padding-top: 0rem !important
    }

    .junior-study-wrapper .infos .type-wrap {
        padding: 0.3rem;
        margin-bottom: 0.4rem
    }

    .junior-study-wrapper .infos .type-wrap .bottom {
        width: 100%;
        font-size: 0.24rem;
        margin-bottom: 0
    }

    .junior-study-wrapper .infos .type-wrap .item {
        width: 100%;
        align-items: stretch
    }

    .junior-study-wrapper .infos .type-wrap .item .t1 {
        font-size: 0.24rem;
        line-height: 1.4;
        text-align: left
    }

    .junior-study-wrapper .infos .type-wrap .item .t2 {
        line-height: 1.4;
        display: flex;
        align-items: center;
        font-size: 0.24rem;
        width: 40%;
        justify-content: center;
        border-radius: 0.1rem
    }

    .high-choice-wrapper {
        padding-top: 0rem;
        padding-bottom: 0
    }

    .junior-school-rank .school-rank-top,.under-school-rank .school-rank-top,.master-school-rank .school-rank-top,.hot-school-rank .school-rank-top {
        padding-bottom: 0.4rem
    }

    .junior-school-rank .school-rank-top *,.under-school-rank .school-rank-top *,.master-school-rank .school-rank-top *,.hot-school-rank .school-rank-top * {
        font-size: 0.24rem !important
    }

    .junior-school-rank .school-rank-top .item::after,.under-school-rank .school-rank-top .item::after,.master-school-rank .school-rank-top .item::after,.hot-school-rank .school-rank-top .item::after {
        height: 100%
    }

    .junior-school-rank .school-rank-top .item .icon,.under-school-rank .school-rank-top .item .icon,.master-school-rank .school-rank-top .item .icon,.hot-school-rank .school-rank-top .item .icon {
        width: 1rem;
        height: 1rem
    }

    .junior-school-rank .school-rank-top .item .top,.under-school-rank .school-rank-top .item .top,.master-school-rank .school-rank-top .item .top,.hot-school-rank .school-rank-top .item .top {
        line-height: 2
    }

    .junior-school-rank .school-rank-top .item .name,.under-school-rank .school-rank-top .item .name,.master-school-rank .school-rank-top .item .name,.hot-school-rank .school-rank-top .item .name {
        height: 1rem;
        padding: 0 0.1rem
    }

    .junior-school-rank .country-list,.under-school-rank .country-list,.master-school-rank .country-list,.hot-school-rank .country-list {
        height: 1.8rem
    }

    .junior-school-rank .country-list .item,.under-school-rank .country-list .item,.master-school-rank .country-list .item,.hot-school-rank .country-list .item {
        margin: 0 2px
    }

    .junior-school-rank .country-list .item .name,.under-school-rank .country-list .item .name,.master-school-rank .country-list .item .name,.hot-school-rank .country-list .item .name {
        width: 0.8rem;
        height: 0.8rem;
        line-height: 1.2;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.2rem;
        border-width: 1px;
        margin-bottom: 0
    }

    .junior-school-rank .country-list .item.active::after,.under-school-rank .country-list .item.active::after,.master-school-rank .country-list .item.active::after,.hot-school-rank .country-list .item.active::after {
        border-left-width: 8px;
        border-right-width: 8px;
        border-top-width: 10px
    }

    .junior-school-rank .country-list .item .english,.under-school-rank .country-list .item .english,.master-school-rank .country-list .item .english,.hot-school-rank .country-list .item .english {
        display: none
    }

    .junior-school-rank .university-list,.under-school-rank .university-list,.master-school-rank .university-list,.hot-school-rank .university-list {
        width: 100%;
        height: auto;
        padding: 0;
        margin-bottom: 0.4rem;
        border-bottom: 1px solid #F4F4F4
    }

    .junior-school-rank .university-list .box,.under-school-rank .university-list .box,.master-school-rank .university-list .box,.hot-school-rank .university-list .box {
        padding: 0
    }

    .junior-school-rank .university-list .th-item,.under-school-rank .university-list .th-item,.master-school-rank .university-list .th-item,.hot-school-rank .university-list .th-item {
        font-size: 0.27rem;
        padding: 0.3rem 0.1rem;
        line-height: 1.6
    }

    .junior-school-rank .university-list .th-item::after,.under-school-rank .university-list .th-item::after,.master-school-rank .university-list .th-item::after,.hot-school-rank .university-list .th-item::after {
        top: 50% !important;
        transform: translateY(-50%);
        width: 1px !important
    }

    .junior-school-rank .university-list td,.under-school-rank .university-list td,.master-school-rank .university-list td,.hot-school-rank .university-list td {
        font-size: 0.24rem;
        line-height: 1.4;
        padding: 0.16rem 0.1rem
    }

    .under-adv-wrapper .block {
        display: none !important
    }

    .under-adv-wrapper .black {
        display: none
    }

    .under-adv-wrapper .box {
        align-items: center
    }

    .under-adv-wrapper .box .wrap-1 {
        width: 33%
    }

    .under-adv-wrapper .box .wrap-1 .item .m1 {
        margin: 0 !important
    }

    .under-adv-wrapper .box .wrap-1 .item .m1 .icon {
        width: 0.3rem;
        margin-right: 0.15rem
    }

    .under-adv-wrapper .box .wrap-1 .item .m1 .tb .t1 {
        font-size: 0.26rem;
        padding-bottom: 0.1rem
    }

    .under-adv-wrapper .box .wrap-1 .item .m1 .tb .t2 {
        font-size: 0.22rem;
        line-height: 0.3rem;
        padding-bottom: 0.2rem;
        height: 1.1rem
    }

    .under-adv-wrapper .box .wrap {
        width: 30%
    }

    .under-adv-wrapper .box .wrap .mode {
        width: 2rem;
        height: 2rem;
        font-size: 0.28rem;
        margin-top: -0.56rem
    }

    .under-adv-wrapper .box .wrap .txt {
        font-size: 0.2rem;
        right: 0
    }

    .major-assort-wrapper .box {
        padding: 0 3%
    }

    .major-assort-wrapper .major-title {
        padding: 0.5rem 0 0.4rem;
        font-size: 0.3rem
    }

    .major-assort-wrapper .major-class .left {
        width: 100%;
        padding: 0;
        height: auto;
        box-shadow: none
    }

    .major-assort-wrapper .major-class .left .scroll .wrapper .title {
        font-size: 0.26rem;
        margin: 0.2rem 0 0.14rem
    }

    .major-assort-wrapper .major-class .left .scroll .wrapper .subject-box {
        width: 100%;
        overflow-x: auto
    }

    .major-assort-wrapper .major-class .left .scroll .wrapper .subject {
        display: inline-flex;
        flex-wrap: nowrap
    }

    .major-assort-wrapper .major-class .left .scroll .wrapper .subject .sub {
        white-space: nowrap;
        width: auto;
        padding: 0 20px;
        margin-bottom: 0.2rem;
        margin-right: 0.2rem
    }

    .major-assort-wrapper .major-class .right {
        width: 100%;
        padding-top: .4rem
    }

    .major-assort-wrapper .major-class .right .t1 {
        font-size: 0.26rem;
        display: none
    }

    .major-assort-wrapper .major-class .right .img {
        height: auto;
        margin: 0.3rem 0;
        display: none
    }

    .major-subject-wrapper {
        padding: 0.6rem 0
    }

    .major-subject-wrapper .box {
        padding: 0 3%
    }

    .major-subject-wrapper .head {
        margin-bottom: 0.4rem
    }

    .major-subject-wrapper .head .t1 {
        font-size: 0.3rem
    }

    .major-subject-wrapper .head .t2 {
        font-size: 0.35rem
    }

    .major-subject-wrapper .list .item {
        width: 100%;
        margin-bottom: 0.3rem;
        margin-right: 0;
        float: none;
        display: block;
        padding: 0.3rem;
    }
    .major-subject-wrapper .list .item .bt-wrap{line-height: 20px; margin-bottom: 0.2rem;}
    .major-subject-wrapper .list .item .bt-wrap .arrow{width: 20px; height: 20px;}
    .major-subject-wrapper .list .item .bt-wrap .title{font-size: 16px;}

    .master-compare-wrapper .head {
        padding-bottom: 0.4rem
    }

    .master-compare-wrapper .head .name {
        font-size: 0.3rem
    }

    .master-compare-wrapper .head .vs {
        width: 1.4rem
    }

    .master-compare-wrapper .box {
        padding: 0 3%
    }

    .master-compare-wrapper .box .list {
        margin-bottom: 0.2rem;
        align-items: stretch;
        background-color: #fff
    }

    .master-compare-wrapper .box .list .slide {
        height: auto
    }

    .master-compare-wrapper .box .list .left {
        color: #333 !important;
        font-size: 0.22rem
    }

    .master-compare-wrapper .box .list .right {
        border: none;
        font-size: 0.22rem
    }

    .master-compare-wrapper .box .list .center {
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.28rem
    }

    .colleges-wrapper {
        padding-top: 0.6rem
    }

    .colleges-wrapper .module {
        padding: 0.2rem 0 0.6rem
    }

    .colleges-wrapper .colleges-list {
        box-shadow: none;
        justify-content: space-between;
        margin-bottom: 0
    }

    .colleges-wrapper .colleges-list .colleges-item {
        width: 48.5%;
        margin: 0 0 0.3rem;
        box-shadow: 0px 0px 21px #e6e6e6
    }

    .colleges-wrapper .colleges-list .colleges-item .name {
        font-size: 0.24rem
    }

    .colleges-wrapper .colleges-list .colleges-item .english,.colleges-wrapper .colleges-list .colleges-item .sub {
        font-size: 0.22rem
    }

    .colleges-wrapper .colleges-list .colleges-item .line {
        margin: 0.1rem 0
    }

    .colleges-wrapper .colleges-list .colleges-item .icon {
        width: 1.4rem;
        height: 1.4rem
    }

    .hnd-role-wrapper {
        padding-bottom: 0.6rem
    }

    .hnd-role-wrapper .page-wrap {
        bottom: 0.5rem
    }

    .hnd-role-wrapper .page-wrap .swiper-button-next {
        transform: scale(0.8)
    }

    .hnd-role-wrapper .page-wrap .swiper-button-prev {
        transform: rotate(180deg) scale(0.8)
    }

    .hnd-role-wrapper .swiper-container .swiper-slide .item {
        height: auto;
        padding-bottom: 1rem
    }

    .hnd-role-wrapper .swiper-container .swiper-slide .item .bg {
        display: none
    }

    .hnd-role-wrapper .swiper-container .swiper-slide .item .infos .left {
        width: 100%
    }

    .hnd-role-wrapper .swiper-container .swiper-slide .item .infos .left .head {
        display: none;
        padding: 0.1rem 0 0.3rem
    }

    .hnd-role-wrapper .swiper-container .swiper-slide .item .infos .left .head .t1 {
        font-size: 0.4rem;
        width: auto;
        margin-right: 0
    }

    .hnd-role-wrapper .swiper-container .swiper-slide .item .infos .left .head .t2 {
        font-size: 0.4rem;
        margin: 0 0.2rem
    }

    .hnd-role-wrapper .swiper-container .swiper-slide .item .infos .left .head .line {
        width: 0.6rem;
        background-color: red;
        display: none
    }

    .hnd-role-wrapper .swiper-container .swiper-slide .item .infos .left .head .t3 {
        font-size: 0.3rem;
        flex: none;
        color: #333
    }

    .hnd-role-wrapper .swiper-container .swiper-slide .item .infos .left .bot-wrap .t1 {
        font-size: 0.5rem
    }

    .hnd-role-wrapper .swiper-container .swiper-slide .item .infos .left .bot-wrap .t2 {
        color: #FFC1B8;
        font-size: 0.4rem
    }

    .hnd-role-wrapper .swiper-container .swiper-slide .item .infos .left .bot-wrap .t3 {
        color: #FFC1B8;
        font-size: 0.3rem
    }

    .hnd-role-wrapper .swiper-container .swiper-slide .item .infos .right {
        width: 100%;
        padding: 0.3rem;
        text-align: center
    }

    .hnd-role-wrapper .swiper-container .swiper-slide .item .infos .right .title {
        margin-bottom: 0.3rem;
        font-size: 0.3rem;
        margin-left: auto;
        margin-right: auto
    }

    .hnd-role-wrapper .swiper-container .swiper-slide .item .infos .right .content {
        width: auto;
        font-size: 0.26rem;
        line-height: 1.6
    }

    .hnd-adv-wrapper {
        padding: 0.8rem 0
    }

    .hnd-adv-wrapper .common-title-wrapper {
        padding-top: 0 !important;
        padding-bottom: 0.3rem !important
    }

    .hnd-adv-wrapper .adv-list {
        width: 100%;
        display: flex;
        align-items: stretch;
        justify-content: space-between;
        flex-wrap: wrap;
        background-image: none;
        height: auto;
        padding: 0 3%
    }

    .hnd-adv-wrapper .adv-list .item {
        width: 48%;
        background-color: #fff;
        padding: 0;
        margin: 0 0 0.3rem;
        color: #333 !important;
        padding-bottom: 0.3rem
    }

    .hnd-adv-wrapper .adv-list .item .btn {
        margin: 0 auto !important;
        background-color: #FFEEEB !important;
        border-radius: 0.05rem
    }

    .hnd-adv-wrapper .adv-list .item .head {
        border-bottom-color: #EDEDED !important;
        width: 80%;
        height: 1.2rem;
        padding-left: 0.2rem
    }

    .hnd-adv-wrapper .adv-list .item .head .title {
        font-size: 0.3rem;
        line-height: 1.4
    }

    .hnd-adv-wrapper .adv-list .item .content {
        width: 100%;
        height: auto;
        line-height: 1.6;
        padding: 0.2rem;
        padding-bottom: .6rem
    }

    .hnd-adv-wrapper .adv-list .item:nth-child(2),.hnd-adv-wrapper .adv-list .item:nth-child(3),.hnd-adv-wrapper .adv-list .item:nth-child(6) {
        background-color: #ea4a32;
        color: #fff !important
    }

    .hnd-adv-wrapper .adv-list .item:nth-child(2) .btn,.hnd-adv-wrapper .adv-list .item:nth-child(3) .btn,.hnd-adv-wrapper .adv-list .item:nth-child(6) .btn {
        background-color: #fff !important
    }

    .hnd-adv-wrapper .adv-list .item:nth-child(2) .head,.hnd-adv-wrapper .adv-list .item:nth-child(3) .head,.hnd-adv-wrapper .adv-list .item:nth-child(6) .head {
        border-bottom-color: #FF9F91 !important
    }

    .hnd-target-wrapper {
        padding-bottom: 0
    }

    .hnd-target-wrapper .target-bg {
        width: 100%;
        transform: translateX(6%)
    }

    .hnd-target-wrapper .target-bg.wap {
        display: block
    }

    .hnd-target-wrapper .target-bg.pc {
        display: none
    }

    .hnd-list-wrapper {
        padding: 0.6rem 3%
    }

    .hnd-list-wrapper .bot {
        width: 100%;
        font-size: 0.22rem;
        line-height: 1.6;
        margin: 0.6rem auto 0;
        font-size: 0.24rem;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 1rem;
        border-radius: 0.1rem
    }

    .hnd-list-wrapper .list {
        align-items: stretch;
        justify-content: space-between;
        display: flex;
        padding-top: 1.2rem
    }

    .hnd-list-wrapper .list .item {
        width: 32%;
        margin: 0;
        position: relative;
        background-color: #05205d
    }

    .hnd-list-wrapper .list .item .icon {
        width: 1rem;
        height: 1rem;
        margin-top: -1.2rem
    }

    .hnd-list-wrapper .list .item .bg-wrap {
        position: static;
        padding-bottom: 0.4rem
    }

    .hnd-list-wrapper .list .item .bg-wrap .bg {
        position: absolute;
        bottom: 0;
        right: 0
    }

    .hnd-list-wrapper .list .item .bg-wrap .content {
        position: relative;
        left: auto;
        top: auto;
        font-size: 0.24rem;
        width: 100%;
        line-height: 1.6;
        padding: 0.2rem;
        z-index: 10
    }

    .hnd-answer-wrapper,.graduate-answer-wrapper {
        margin-bottom: 0;
        padding-bottom: 0.6rem
    }

    .hnd-answer-wrapper .box,.graduate-answer-wrapper .box {
        height: auto;
        width: 96%;
        background: #000;
        border-radius: 0.1rem;
        border: 0.2rem solid #fff;
        padding: 0;
        overflow: hidden
    }

    .hnd-answer-wrapper .box .title,.graduate-answer-wrapper .box .title {
        font-size: 0.26rem;
        padding: 6px 0;
        padding-left: 0.2rem;
        background-color: #2537b0;
        opacity: 0.9;
        margin-bottom: 0.2rem
    }

    .hnd-answer-wrapper .box .btn,.graduate-answer-wrapper .box .btn {
        width: 2.4rem;
        height: 0.6rem;
        line-height: 0.6rem;
        position: static;
        transform: translate(0);
        margin: 0.3rem auto;
        padding: 0 0.6rem 0 0;
        font-size: 0.26rem;
        text-align: center
    }

    .hnd-answer-wrapper .box #barrageBox,.graduate-answer-wrapper .box #barrageBox {
        height: 3rem;
        width: 100%
    }

    .hnd-answer-wrapper .box .screen .item,.graduate-answer-wrapper .box .screen .item {
        font-size: 0.24rem
    }

    .hot-country-swiper {
        height: 2.2rem
    }

    .hot-country-swiper .swiper-container .swiper-wrapper .swiper-slide .item .icon {
        width: 1rem;
        height: 1rem
    }

    .hot-country-swiper .swiper-container .swiper-wrapper .swiper-slide .item .name {
        margin-top: 0.1rem
    }

    .hot-study-wrapper .w1120 {
        width: 96%;
        margin-bottom: 0.6rem
    }

    .hot-study-wrapper .w1120 .content {
        padding-top: 0.3rem;
        font-size: 0.26rem;
        line-height: 1.8
    }

    .hot-study-wrapper .w1120 .head .t1 {
        font-size: 0.4rem;
        margin: 0
    }

    .hot-study-wrapper .w1120 .head .t2 {
        font-size: 0.3rem;
        margin: 0 0.2rem
    }

    .hot-study-wrapper .w1120 .head .t3 {
        font-size: 0.26rem;
        margin: 0
    }

    .hot-study-wrapper .w1120 .head .line {
        display: none
    }

    .hot-study-wrapper .box {
        align-items: stretch
    }

    .hot-study-wrapper .box .item {
        width: 48%;
        border-radius: 0.1rem;
        padding: 0 0.2rem;
        position: relative;
        padding-bottom: 1.2rem
    }

    .hot-study-wrapper .box .item .title {
        font-size: 0.3rem;
        margin-top: 0.3rem
    }

    .hot-study-wrapper .box .item .content {
        font-size: 0.26rem;
        height: auto;
        width: auto;
        margin: 0.3rem 0;
        line-height: 1.7
    }

    .hot-study-wrapper .box .item .btn {
        width: 2.6rem;
        height: 0.7rem;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.3rem;
        line-height: 0.8rem;
        position: absolute;
        left: 50%;
        bottom: 0.4rem;
        margin-bottom: 0;
        transform: translateX(-50%)
    }

    .hot-recommend-wrapper,.graduate-recommend-wrapper,.twomaster-recommend-wrapper,.preparatory-recommend-wrapper {
        padding-bottom: 0.4rem
    }

    .hot-recommend-wrapper .box .item,.graduate-recommend-wrapper .box .item,.twomaster-recommend-wrapper .box .item,.preparatory-recommend-wrapper .box .item {
        width: 100%;
        margin: 0 0 0.3rem 0;
        align-items: stretch;
        min-height: 3rem;
        height: auto
    }

    .hot-recommend-wrapper .box .item .photo,.graduate-recommend-wrapper .box .item .photo,.twomaster-recommend-wrapper .box .item .photo,.preparatory-recommend-wrapper .box .item .photo {
        width: 2.7rem
    }

    .hot-recommend-wrapper .box .item .info,.graduate-recommend-wrapper .box .item .info,.twomaster-recommend-wrapper .box .item .info,.preparatory-recommend-wrapper .box .item .info {
        padding: 0.2rem
    }

    .hot-recommend-wrapper .box .item .info .name,.graduate-recommend-wrapper .box .item .info .name,.twomaster-recommend-wrapper .box .item .info .name,.preparatory-recommend-wrapper .box .item .info .name {
        font-size: 0.26rem
    }

    .hot-recommend-wrapper .box .item .info .sub,.graduate-recommend-wrapper .box .item .info .sub,.twomaster-recommend-wrapper .box .item .info .sub,.preparatory-recommend-wrapper .box .item .info .sub {
        font-size: 0.18rem;
        line-height: 1.6
    }

    .hot-recommend-wrapper .box .item .info .sub .val .mode,.graduate-recommend-wrapper .box .item .info .sub .val .mode,.twomaster-recommend-wrapper .box .item .info .sub .val .mode,.preparatory-recommend-wrapper .box .item .info .sub .val .mode {
        height: auto
    }

    .hot-recommend-wrapper .box .item .info .bot,.graduate-recommend-wrapper .box .item .info .bot,.twomaster-recommend-wrapper .box .item .info .bot,.preparatory-recommend-wrapper .box .item .info .bot {
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-top: 0.2rem
    }

    .hot-recommend-wrapper .box .item .info .bot .addr,.graduate-recommend-wrapper .box .item .info .bot .addr,.twomaster-recommend-wrapper .box .item .info .bot .addr,.preparatory-recommend-wrapper .box .item .info .bot .addr {
        width: 3rem;
        flex: none
    }

    .hot-recommend-wrapper .box .item .info .bot .btn,.graduate-recommend-wrapper .box .item .info .bot .btn,.twomaster-recommend-wrapper .box .item .info .bot .btn,.preparatory-recommend-wrapper .box .item .info .bot .btn {
        width: 48%;
        margin: 0.2rem 0 0 0
    }

    .hot-recommend-wrapper .box .item .info .bot .btn-1,.graduate-recommend-wrapper .box .item .info .bot .btn-1,.twomaster-recommend-wrapper .box .item .info .bot .btn-1,.preparatory-recommend-wrapper .box .item .info .bot .btn-1 {
        margin-right: 4%
    }

    .hot-country-wrapper .box {
        padding-bottom: 0.6rem;
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center
    }

    .hot-country-wrapper .box .left {
        width: 100%;
        padding: 0.2rem;
        height: auto;
        min-height: 1px;
        overflow: hidden
    }

    .hot-country-wrapper .box .left .t1 {
        font-size: 0.3rem
    }

    .hot-country-wrapper .box .left .t2 {
        font-size: 0.26rem;
        margin-bottom: 0.2rem
    }

    .hot-country-wrapper .box .left .left-list {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap
    }

    .hot-country-wrapper .box .left .item {
        width: 48%;
        height: 2.6rem
    }

    .hot-country-wrapper .box .left .item .bt {
        font-size: 0.26rem;
        margin-bottom: 0.1rem
    }

    .hot-country-wrapper .box .left .item .list .sub {
        line-height: 0.3rem;
        margin-bottom: 0.1rem
    }

    .hot-country-wrapper .box .left .item .list .sub span {
        font-size: 0.2rem
    }

    .hot-country-wrapper .box .left .item:last-child {
        border-bottom: 1px dashed #02C174
    }

    .hot-country-wrapper .box .right {
        width: 100%;
        margin-left: 0;
        margin-bottom: 10px
    }

    .hot-country-wrapper .box .right .arrow-box {
        transform: scale(0.6) translateX(10%);
        margin: -0.3rem 0 0.3rem
    }

    .hot-country-wrapper .box .right .swiper-container {
        width: 100%;
        padding-bottom: 2px
    }

    .hot-country-wrapper .box .right .swiper-container .swiper-slide .item {
        width: 90%;
        height: 0.8rem;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.3rem
    }

    .hot-country-wrapper .box .right .table-wrap {
        padding: 0rem;
        border-radius: 0.1rem;
        background-color: rgba(0,0,0,0.07)
    }

    .hot-country-wrapper .box .right .table-wrap table {
        font-size: 0.2rem
    }

    .hot-country-wrapper .box .right .table-wrap table th {
        border: 1px solid #FF840E
    }

    .hot-country-wrapper .box .right .table-wrap table tbody {
        color: #fff
    }

    .hot-country-wrapper .box .right .bottom {
        width: 75%;
        height: 45px;
        padding: 0 3%;
        position: absolute;
        left: 0;
        top: 0
    }

    .hot-country-wrapper .box .right .bottom .line {
        flex: 1;
        width: 100%
    }

    .hot-country-wrapper .box .right .bottom .txt {
        font-size: 0.3rem
    }

    .hot-country-wrapper .box .right .btn-box {
        margin-top: 0.3rem
    }

    .hot-country-wrapper .box .right .btn-box .btn {
        width: 2.6rem;
        height: 0.8rem;
        font-size: 0.3rem;
        background-size: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 0;
        padding-right: 0.2rem;
        margin: 0 0.2rem
    }

    .hot-abroad-wrapper {
        padding-bottom: 0.8rem
    }

    .hot-abroad-wrapper .box {
        width: 100%;
        padding: 0.2rem
    }

    .hot-abroad-wrapper .box .head {
        height: 0.68rem;
        align-items: stretch;
        margin-bottom: 0.4rem
    }

    .hot-abroad-wrapper .box .head input {
        height: 100%;
        font-size: 0.26rem;
        padding-left: 0.2rem
    }

    .hot-abroad-wrapper .box .head .btn {
        width: 2rem;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.3rem
    }

    .hot-abroad-wrapper .box .list {
        padding: 0.2rem
    }

    .hot-abroad-wrapper .box .list .item {
        padding: 0.2rem 0
    }

    .hot-abroad-wrapper .box .list .item .avatar {
        width: 0.6rem;
        height: 0.6rem;
        margin-right: 0.2rem
    }

    .hot-abroad-wrapper .box .list .item .info .t1 {
        font-size: 0.28rem;
        line-height: 1.6;
        margin-bottom: 0
    }

    .hot-abroad-wrapper .box .list .item .info .t2 {
        font-size: 0.24rem;
        line-height: 1.6
    }

    .hot-abroad-wrapper .box .list .item .btn {
        width: 1.4rem;
        height: 0.64rem;
        font-size: 0.26rem;
        border-radius: 0.1rem;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .hot-partner-wrapper .box {
        height: auto
    }

    .hot-partner-wrapper .box .item {
        width: 100%
    }

    .hot-partner-wrapper .box .swiper-slide .top {
        height: auto !important;
        padding: 0.5rem 0.3rem !important
    }

    .hot-partner-wrapper .box .swiper-slide .top .btn {
        width: 2rem;
        height: 0.6rem;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0.3rem auto 0;
        font-size: 0.26rem
    }

    .hot-partner-wrapper .box .swiper-slide .top .name {
        font-size: 0.3rem;
        margin-bottom: 0.2rem
    }

    .hot-partner-wrapper .box .swiper-slide .top .list {
        width: 100%
    }

    .hot-partner-wrapper .box .swiper-slide .top .list .sub {
        display: flex;
        align-items: center;
        line-height: 1.6;
        padding: 0.1rem 0
    }

    .hot-partner-wrapper .box .swiper-slide .top .list .sub span {
        font-size: 0.24rem
    }

    .hot-partner-wrapper .box .swiper-slide .top .list .sub .ico {
        width: 0.16rem;
        height: 0.16rem
    }

    .ny-header {
        height: 0.8rem
    }

    .ny-header .menu-list {
        justify-content: space-between;
        padding: 0 0.1rem;
        height: 0.8rem
    }

    .ny-header .menu-list .li {
        font-size: 0.24rem;
        margin: 0 !important
    }

    .graduate-project-wrapper {
        padding-bottom: 0
    }

    .graduate-project-wrapper .w1130 {
        width: 119%;
        margin-left: -20%;
        height: 4rem
    }

    .graduate-project-wrapper .w1130::after {
        content: '';
        display: block;
        width: 0.4rem;
        height: 100%;
        background-color: #fff;
        position: absolute;
        top: 0;
        left: 13%
    }

    .graduate-project-wrapper .w1130 .center {
        left: 0;
        top: 29%;
        width: 100%;
        transform: translateX(7%)
    }

    .graduate-project-wrapper .w1130 .center .txt {
        width: 2rem;
        font-size: 0.2rem;
        line-height: 1.4
    }

    .graduate-project-wrapper .w1130 .center .btn {
        width: 2rem;
        height: 0.4rem;
        line-height: 0.4rem;
        margin: 0.2rem auto
    }

    .graduate-project-wrapper .w1130 .center .head .t1 {
        font-size: 0.3rem
    }

    .graduate-project-wrapper .w1130 .center .head .t2 {
        font-size: 0.3rem;
        width: auto;
        margin: 0 0.2rem
    }

    .graduate-project-wrapper .w1130 .center .head .t3 {
        font-size: 0.3rem
    }

    .graduate-project-wrapper .list-3 .item {
        width: 1.15rem;
        height: 0.3rem;
        line-height: 1.6;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.18rem
    }

    .graduate-project-wrapper .list-3 .item-1 {
        margin-bottom: 0.74rem
    }

    .graduate-project-wrapper .list-3 .item-2 {
        margin-bottom: 0.53rem
    }

    .graduate-project-wrapper .list-3 .item-3 {
        margin-bottom: 0.52rem
    }

    .graduate-project-wrapper .list-3 .item-4 {
        margin-bottom: 0.69rem
    }

    .graduate-project-wrapper .list-1 {
        display: none
    }

    .graduate-project-wrapper .list-2 {
        left: 17.5%
    }

    .graduate-project-wrapper .list-2 .item {
        width: 1rem;
        height: 0.32rem;
        line-height: 1.6;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.18rem;
        margin-top: 0
    }

    .graduate-project-wrapper .list-2 .item-1 {
        margin-bottom: 0.44rem
    }

    .graduate-project-wrapper .list-2 .item-2 {
        margin-bottom: 0.22rem
    }

    .graduate-project-wrapper .list-2 .item-3 {
        margin-bottom: 0.22rem
    }

    .graduate-project-wrapper .list-2 .item-4 {
        margin-bottom: 0.2rem
    }

    .graduate-project-wrapper .list-2 .item-5 {
        margin-bottom: 0.22rem
    }

    .graduate-project-wrapper .list-2 .item-6 {
        margin-bottom: 0.45rem
    }

    .graduate-aboard-wrapper {
        padding-bottom: 0.6rem
    }

    .graduate-aboard-wrapper .w1074 {
        width: 94%
    }

    .graduate-aboard-wrapper .w1074 .people {
        display: none
    }

    .graduate-aboard-wrapper .w1074 .list {
        align-items: stretch
    }

    .graduate-aboard-wrapper .w1074 .btn {
        width: 3rem;
        height: 0.9rem;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
        font-size: 0.3rem
    }

    .graduate-aboard-wrapper .w1074 .item {
        width: 49%;
        margin: 0 0 0.2rem 0;
        height: auto;
        padding: 0.3rem 0.2rem !important;
        min-height: 3.6rem
    }

    .graduate-aboard-wrapper .w1074 .item .content {
        font-size: 0.24rem;
        line-height: 1.6;
        width: 100% !important
    }

    .graduate-aboard-wrapper .w1074 .item .title {
        font-size: 0.3rem;
        width: 100%;
        text-align: center !important;
        margin-bottom: 0.2rem
    }

    .graduate-study-wrapper,.twomaster-study-wrapper,.one-study-wrapper,.two-study-wrapper,.preparatory-study-wrapper {
        padding-bottom: 0.4rem
    }

    .graduate-study-wrapper .box,.twomaster-study-wrapper .box,.one-study-wrapper .box,.two-study-wrapper .box,.preparatory-study-wrapper .box {
        background-size: 100%;
        height: auto;
        padding-bottom: 0.4rem
    }

    .graduate-study-wrapper .box .list,.twomaster-study-wrapper .box .list,.one-study-wrapper .box .list,.two-study-wrapper .box .list,.preparatory-study-wrapper .box .list {
        width: 100%
    }

    .graduate-study-wrapper .box .list .item,.twomaster-study-wrapper .box .list .item,.one-study-wrapper .box .list .item,.two-study-wrapper .box .list .item,.preparatory-study-wrapper .box .list .item {
        width: 1.7rem;
        height: 1.7rem;
        font-size: 0.3rem;
        padding-top: 1rem
    }

    .graduate-study-wrapper .box .title,.twomaster-study-wrapper .box .title,.one-study-wrapper .box .title,.two-study-wrapper .box .title,.preparatory-study-wrapper .box .title {
        width: 100%;
        font-size: 0.34rem;
        padding: 1rem 0 0.4rem
    }

    .graduate-study-wrapper .box .head,.twomaster-study-wrapper .box .head,.one-study-wrapper .box .head,.two-study-wrapper .box .head,.preparatory-study-wrapper .box .head {
        width: 100%;
        display: block
    }

    .graduate-study-wrapper .box .head .left,.twomaster-study-wrapper .box .head .left,.one-study-wrapper .box .head .left,.two-study-wrapper .box .head .left,.preparatory-study-wrapper .box .head .left {
        width: 100%;
        height: auto
    }

    .graduate-study-wrapper .box .head .right,.twomaster-study-wrapper .box .head .right,.one-study-wrapper .box .head .right,.two-study-wrapper .box .head .right,.preparatory-study-wrapper .box .head .right {
        width: 100%;
        height: auto;
        padding: 0.3rem;
        padding-bottom: 1rem
    }

    .graduate-study-wrapper .box .head .right .content,.twomaster-study-wrapper .box .head .right .content,.one-study-wrapper .box .head .right .content,.two-study-wrapper .box .head .right .content,.preparatory-study-wrapper .box .head .right .content {
        margin-bottom: 0.4rem
    }

    .graduate-study-wrapper .box .head .right .btn,.twomaster-study-wrapper .box .head .right .btn,.one-study-wrapper .box .head .right .btn,.two-study-wrapper .box .head .right .btn,.preparatory-study-wrapper .box .head .right .btn {
        width: 3rem;
        height: 0.8rem;
        font-size: 0.3rem;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .ny-header {
        display: none !important
    }

    .twomaster-person-wrapper .bottom {
        display: none
    }

    .twomaster-person-wrapper .box {
        flex-wrap: wrap;
        margin-bottom: 0;
        padding: 0 3%
    }

    .twomaster-person-wrapper .box .item {
        width: 48%;
        margin-bottom: 0.3rem
    }

    .twomaster-person-wrapper .box .item:hover .info .content {
        display: none
    }

    .twomaster-person-wrapper .box .item .info {
        height: 4rem
    }

    .twomaster-person-wrapper .box .item .top {
        height: 0.6rem
    }

    .twomaster-person-wrapper .box .item .title {
        font-size: 0.24rem;
        height: 1rem;
        line-height: 1.6;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .twomaster-person-wrapper .box .item:nth-child(3) .title {
        background-color: #E83C56;
        color: #fff
    }

    .twomaster-person-wrapper .box .item:nth-child(4) .title,.twomaster-person-wrapper .box .item:nth-child(1) .title {
        background-color: #f8f8f8 !important;
        color: #E83C56
    }

    .twomaster-recommend-wrapper {
        padding-bottom: 0.8rem
    }

    .main-title-head {
        padding: 0.8rem 0 0.4rem
    }

    .main-title-head .title {
        font-size: 0.34rem
    }

    .main-title-head .sub-title {
        font-size: 0.26rem
    }

    .detail-college-wrapper {
        padding-bottom: 0.6rem
    }

    .detail-college-wrapper .box {
        padding: 0 3%
    }

    .detail-college-wrapper .list .item {
        width: 100%;
        padding: 0.3rem;
        margin: 0 0 0.2rem 0;
        height: auto
    }

    .detail-college-wrapper .list .item .title-box {
        margin-bottom: 0.1rem;
        line-height: 1.6
    }

    .detail-college-wrapper .list .item .title {
        font-size: 0.28rem;
        padding-right: 0.1rem
    }

    .detail-college-wrapper .list .item .arrow {
        top: 0.2rem;
        right: 0.2rem;
        display: none
    }

    .detail-college-wrapper .list .item .content {
        font-size: 0.24rem
    }

    .detail-news-wrapper {
        padding-bottom: 0.6rem
    }

    .detail-news-wrapper .box {
        padding: 0 3%
    }

    .detail-news-wrapper .box.list {
        padding-bottom: 0.3rem
    }

    .detail-news-wrapper .box.list .item {
        width: 100%;
        padding: 0.2rem
    }

    .detail-news-wrapper .box.list .item::before,.detail-news-wrapper .box.list .item::after {
        display: none
    }

    .detail-news-wrapper .box.list .item .left {
        margin-right: 0.2rem
    }

    .detail-news-wrapper .box.list .item .left .date {
        font-size: 0.3rem
    }

    .detail-news-wrapper .box.list .item .left .arrow {
        width: 0.3rem;
        height: 0.3rem;
        margin: 0.3rem auto 0
    }

    .detail-news-wrapper .box.list .item .right .title-box .title {
        font-size: 0.3rem;
        width: 3.6rem
    }

    .detail-news-wrapper .box.list .item .right .cotent {
        font-size: 0.24rem;
        line-height: 1.6
    }

    .detail-life-wrapper .box {
        padding: 0 3%
    }

    .detail-life-wrapper .list {
        padding-bottom: 0.2rem;
        display: block
    }

    .detail-life-wrapper .list .title-wrap {
        margin-bottom: 0.14rem !important
    }

    .detail-life-wrapper .list .title-wrap .title {
        font-size: 0.3rem
    }

    .detail-life-wrapper .list .left,.detail-life-wrapper .list .right {
        width: 100%
    }

    .detail-life-wrapper .list .left .item {
        align-items: stretch;
        height: auto;
        margin-bottom: 0.3rem
    }

    .detail-life-wrapper .list .left .item .cover {
        width: 2.5rem;
        height: 2.5rem
    }

    .detail-life-wrapper .list .left .item .btn {
        right: 0.2rem;
        top: auto;
        bottom: 0.2rem
    }

    .detail-life-wrapper .list .left .item .info {
        padding: 0.2rem;
        height: auto
    }

    .detail-life-wrapper .list .left .item .info .content {
        line-height: 0.35rem;
        font-size: 0.24rem;
        height: 0.7rem;
        overflow: hidden
    }

    .detail-life-wrapper .list .right {
        margin-left: auto;
        padding: 0 0.2rem
    }

    .detail-life-wrapper .list .right .item {
        padding: 0.2rem 0
    }

    .detail-life-wrapper .list .right .item .title-wrap {
        margin-bottom: 0.1rem !important
    }

    .detail-life-wrapper .list .right .item .content {
        font-size: 0.24rem
    }

    .detail-reward-wrapper {
        padding-bottom: 0.6rem
    }

    .detail-reward-wrapper .box {
        width: 94%
    }

    .detail-reward-wrapper .list {
        padding: 0
    }

    .detail-reward-wrapper .list .item {
        width: 100%;
        padding: 0.2rem;
        height: auto;
        margin-bottom: 0.3rem;
        min-height: 1rem
    }

    .detail-reward-wrapper .list .item .photo {
        height: auto
    }

    .detail-reward-wrapper .list .item .left {
        margin-right: 0.2rem
    }

    .detail-reward-wrapper .list .item .left .times .date {
        font-size: 0.3rem
    }

    .detail-reward-wrapper .list .item .left .arrow {
        width: 0.3rem;
        height: 0.3rem;
        margin: 0.3rem auto 0
    }

    .detail-reward-wrapper .list .item .right .title-box .title {
        font-size: 0.3rem;
        width: 3.6rem
    }

    .detail-reward-wrapper .list .item .right .content {
        font-size: 0.24rem;
        line-height: .35rem;
        height: 1.05rem;
        overflow: hidden
    }

    .two-apply-wrapper,.preparatory-apply-wrapper {
        padding-bottom: 0.8rem
    }

    .two-apply-wrapper .btn,.preparatory-apply-wrapper .btn {
        width: 3rem;
        height: 0.8rem;
        padding: 0 0.7rem 0 0;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
        font-size: 0.3rem
    }

    .two-apply-wrapper .common-title-wrapper,.preparatory-apply-wrapper .common-title-wrapper {
        padding-top: 0.2rem !important
    }

    .two-apply-wrapper .box,.preparatory-apply-wrapper .box {
        padding: 0.4rem 3% 0.2rem;
        justify-content: space-between;
        display: flex;
        align-items: center;
        flex-wrap: wrap
    }

    .two-apply-wrapper .box .item.item-1 .content::after,.preparatory-apply-wrapper .box .item.item-1 .content::after {
        bottom: 99%;
        display: none !important
    }

    .two-apply-wrapper .box .item.item-2 .content::after,.preparatory-apply-wrapper .box .item.item-2 .content::after {
        left: auto;
        right: 0;
        bottom: 99%;
        display: none !important
    }

    .two-apply-wrapper .box .item,.preparatory-apply-wrapper .box .item {
        width: 48%;
        margin-bottom: 0.3rem;
        border-radius: 0.2rem;
        padding: 0.22rem 0.26rem
    }

    .two-apply-wrapper .box .item .top,.preparatory-apply-wrapper .box .item .top {
        margin: 0 -0.26rem;
        width: auto;
        height: 0.44rem;
        line-height: 0.44rem;
        margin-bottom: 0.23rem;
        font-size: 0.3rem;
        color: #3A47B8
    }

    .two-apply-wrapper .box .item .photo,.preparatory-apply-wrapper .box .item .photo {
        height: 2rem;
        margin: 0 auto 0.2rem;
        border-radius: 0.1rem
    }

    .two-apply-wrapper .box .item .content,.preparatory-apply-wrapper .box .item .content {
        font-size: 0.2rem;
        line-height: 0.3rem;
        padding: 0;
        height: 1.2rem;
        background-color: transparent !important
    }

    .two-apply-wrapper .box .item:nth-child(1),.two-apply-wrapper .box .item:nth-child(4),.two-apply-wrapper .box .item:nth-child(5),.preparatory-apply-wrapper .box .item:nth-child(1),.preparatory-apply-wrapper .box .item:nth-child(4),.preparatory-apply-wrapper .box .item:nth-child(5) {
        background-color: #3A47B8
    }

    .two-apply-wrapper .box .item:nth-child(1) .top,.two-apply-wrapper .box .item:nth-child(4) .top,.two-apply-wrapper .box .item:nth-child(5) .top,.preparatory-apply-wrapper .box .item:nth-child(1) .top,.preparatory-apply-wrapper .box .item:nth-child(4) .top,.preparatory-apply-wrapper .box .item:nth-child(5) .top {
        background-color: #FFF0C0
    }

    .two-apply-wrapper .box .item:nth-child(2),.two-apply-wrapper .box .item:nth-child(3),.two-apply-wrapper .box .item:nth-child(6),.preparatory-apply-wrapper .box .item:nth-child(2),.preparatory-apply-wrapper .box .item:nth-child(3),.preparatory-apply-wrapper .box .item:nth-child(6) {
        background-color: #5B6BF0
    }

    .two-apply-wrapper .box .item:nth-child(2) .top,.two-apply-wrapper .box .item:nth-child(3) .top,.two-apply-wrapper .box .item:nth-child(6) .top,.preparatory-apply-wrapper .box .item:nth-child(2) .top,.preparatory-apply-wrapper .box .item:nth-child(3) .top,.preparatory-apply-wrapper .box .item:nth-child(6) .top {
        background-color: #E8D59A
    }

    .two-apply-wrapper .box .item.item-2::before,.two-apply-wrapper .box .item.item-2::after,.preparatory-apply-wrapper .box .item.item-2::before,.preparatory-apply-wrapper .box .item.item-2::after {
        display: none !important
    }

    .two-apply-wrapper .box .item.item-1::before,.two-apply-wrapper .box .item.item-1::after,.preparatory-apply-wrapper .box .item.item-1::before,.preparatory-apply-wrapper .box .item.item-1::after {
        display: none !important
    }

    .preparatory-apply-wrapper .box .item {
        width: 48%;
        margin-bottom: 0.3rem;
        border-radius: 0.2rem;
        padding: 0.22rem 0.26rem
    }

    .preparatory-apply-wrapper .box .item .top {
        color: #FFFFFF
    }

    .preparatory-apply-wrapper .box .item:nth-child(1),.preparatory-apply-wrapper .box .item:nth-child(4),.preparatory-apply-wrapper .box .item:nth-child(5) {
        background-color: #00306E
    }

    .preparatory-apply-wrapper .box .item:nth-child(1) .top,.preparatory-apply-wrapper .box .item:nth-child(4) .top,.preparatory-apply-wrapper .box .item:nth-child(5) .top {
        background-color: #FE7E73
    }

    .preparatory-apply-wrapper .box .item:nth-child(2),.preparatory-apply-wrapper .box .item:nth-child(3),.preparatory-apply-wrapper .box .item:nth-child(6) {
        background-color: #1961BD
    }

    .preparatory-apply-wrapper .box .item:nth-child(2) .top,.preparatory-apply-wrapper .box .item:nth-child(3) .top,.preparatory-apply-wrapper .box .item:nth-child(6) .top {
        background-color: #FFC3BE
    }

    .preparatory-adv-wrapper {
        height: auto;
        background-size: cover
    }

    .preparatory-adv-wrapper .box {
        flex-wrap: wrap;
        position: static;
        transform: translate(0)
    }

    .preparatory-adv-wrapper .box .item {
        width: 100%;
        flex: none;
        display: flex;
        align-items: stretch;
        justify-content: space-between
    }

    .preparatory-adv-wrapper .box .item .rank {
        font-size: 0.6rem;
        margin: 0.2rem 0 0.1rem
    }

    .preparatory-adv-wrapper .box .item .top {
        height: auto;
        padding-top: 0.8rem
    }

    .preparatory-adv-wrapper .box .item .top .title {
        font-size: 0.32rem;
        line-height: 0.5rem;
        height: 1rem
    }

    .preparatory-adv-wrapper .box .item .top .title::after {
        display: none
    }

    .preparatory-adv-wrapper .box .item .top .rank {
        display: none
    }

    .preparatory-adv-wrapper .box .item .bottom {
        height: auto;
        padding-bottom: 0.3rem
    }

    .preparatory-adv-wrapper .box .item .bottom .content {
        font-size: 0.26rem
    }

    .preparatory-plan-wrapper {
        height: auto
    }

    .preparatory-plan-wrapper .box {
        display: block;
        padding: 0 3%;
        display: block
    }

    .preparatory-plan-wrapper .box.plan-form-box {
        display: none
    }

    .preparatory-plan-wrapper .box .form {
        display: block;
        margin: 0.3rem 0
    }

    .preparatory-plan-wrapper .box .form .form-wrap {
        width: 100%;
        flex-wrap: wrap;
        height: auto;
        border-radius: 0.1rem;
        padding: 0.4rem 0.2rem;
        justify-content: flex-start;
        margin-top: 0.3rem
    }

    .preparatory-plan-wrapper .box .form .form-wrap .el-input {
        width: 4.5rem;
        margin-bottom: 0.2rem
    }

    .preparatory-plan-wrapper .box .form .icon {
        padding: 0 0.2rem 0 0;
        margin-bottom: 0.2rem
    }

    .preparatory-plan-wrapper .box .form .btn {
        height: 0.9rem;
        font-size: 0.4rem;
        border-radius: 0.1rem;
        line-height: 0.9rem;
        margin-top: 0.3rem
    }

    .preparatory-plan-wrapper .box .item {
        width: 100%;
        margin-bottom: 0.3rem;
        height: auto;
        padding-bottom: 0;
        display: flex;
        align-items: stretch;
        justify-content: space-between;
        position: relative;
        border-radius: 0.1rem;
        overflow: hidden
    }

    .preparatory-plan-wrapper .box .item .btn {
        font-size: 0.22rem;
        position: absolute;
        width: 1.8rem;
        height: 0.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
        right: 52%;
        bottom: 0.2rem
    }

    .preparatory-plan-wrapper .box .item .head {
        position: absolute;
        width: 48%;
        height: 0.6rem;
        margin-top: 0.2rem;
        top: 0
    }

    .preparatory-plan-wrapper .box .item .head .rank,.preparatory-plan-wrapper .box .item .head .title {
        font-size: 0.24rem;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
        height: 100%
    }

    .preparatory-plan-wrapper .box .item .head .title {
        padding-left: 0
    }

    .preparatory-plan-wrapper .box .item .content {
        width: 49%;
        padding: 0.2rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
        margin: 0;
        line-height: 1.4;
        font-size: 0.2rem
    }

    .preparatory-plan-wrapper .box .item .photo {
        width: 49%;
        height: auto;
        margin-bottom: 0rem;
        margin: 0 0 0 0
    }

    .preparatory-plan-wrapper .box .item .photo img {
        object-fit: cover
    }

    .preparatory-class-wrapper {
        padding-bottom: 0.8rem
    }

    .preparatory-class-wrapper .list .item {
        width: 100%;
        padding-bottom: 0.3rem
    }

    .preparatory-class-wrapper .list .item .tag {
        width: 0.9rem;
        height: 0.9rem;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.5rem
    }

    .preparatory-class-wrapper .list .item .title {
        font-size: 0.3rem
    }

    .preparatory-class-wrapper .box {
        padding: 0.3rem 3%;
        width: 94%;
        display: block
    }

    .preparatory-class-wrapper .box .left {
        width: 100%
    }

    .preparatory-class-wrapper .box .left img.mobile-show {
        display: block;
        margin-bottom: 20px
    }

    .preparatory-class-wrapper .box .left .content {
        font-size: 0.26rem;
        height: auto;
        line-height: 1.6;
        padding-bottom: 0.3rem
    }

    .preparatory-class-wrapper .box .left .btn-box .btn {
        width: 3.2rem;
        height: 0.8rem;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.3rem;
        padding-right: 0.2rem;
        padding: 0 0.6rem 0 0
    }

    .preparatory-class-wrapper .box .right {
        width: 100%;
        margin-left: 0;
        height: auto;
        margin-top: 0.3rem;
        display: none
    }

    .common-banner .w1200 {
        display: none
    }

    .common-banner .mobile {
        display: block
    }

    .common-banner img.pc {
        display: none
    }

    .common-banner img.pc-hand {
        width: 1.4rem;
        height: auto;
        position: absolute;
        margin-left: 0
    }

    .common-banner img.pc-hand.pc-master-hand {
        bottom: 0.48rem;
        left: 50%;
        transform: translateX(-0.2rem)
    }

    .common-banner img.pc-hand.pc-under-hand {
        bottom: 0.2rem;
        left: 50%;
        transform: translateX(0.6rem)
    }

    .common-banner img.pc-hand.pc-junior-hand {
        bottom: 0.14rem;
        left: 50%;
        transform: translateX(0.6rem)
    }

    .common-banner img.pc-hand.pc-high-hand {
        bottom: 0.12rem;
        left: 50%;
        transform: translateX(0.6rem)
    }

    .common-banner img.pc-hand.pc-art-hand {
        bottom: 0.2rem;
        left: 50%;
        transform: translateX(0.6rem)
    }

    .detail-w960 {
        display: none
    }

    .major-solve-wrapper {
        background-size: cover;
        padding-bottom: 0.2rem
    }

    .major-solve-wrapper .box {
        display: block;
        padding: 0.3rem;
        width: 94%
    }

    .major-solve-wrapper .box .head {
        margin-bottom: 0.3rem;
        padding-bottom: 0.3rem
    }

    .major-solve-wrapper .box .head .solve-title {
        font-size: 0.34rem;
        padding-left: 0.3rem
    }

    .major-solve-wrapper .box .head .more {
        font-size: 0.26rem !important
    }

    .major-solve-wrapper .box .left .list .item {
        height: 0.9rem
    }

    .major-solve-wrapper .box .left .list .item .dot {
        margin-right: 0.1rem
    }

    .major-solve-wrapper .box .left .list .item .btn {
        font-size: 0.24rem;
        margin-left: 0.1rem
    }

    .major-solve-wrapper .box .left .list .item .title {
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        font-size: 0.26rem
    }

    .major-solve-wrapper .box .right {
        width: 100%;
        margin-left: 0;
        padding: 0.3rem;
        height: auto;
        margin-top: 0.4rem
    }

    .major-solve-wrapper .box .right .list {
        margin-top: 0.4rem;
        line-height: 1.6rem
    }

    .major-solve-wrapper .box .right .list .item {
        margin-bottm: 0.2rem;
        font-size: 0.24rem
    }

    .major-select-wrapper {
        padding-bottom: 0.4rem
    }

    .major-select-wrapper .list {
        padding-top: 0.2rem
    }

    .major-select-wrapper .list .item {
        width: 100%;
        margin-bottom: 0;
        display: block
    }

    .major-select-wrapper .list .item.active .info .name {
        color: #02C176
    }

    .major-select-wrapper .list .item .icon {
        float: none;
        margin: 0 auto;
        top: 0.0rem;
        width: auto;
        height: auto
    }

    .major-select-wrapper .list .item .icon img {
        width: 0.7rem;
        height: 0.7rem;
        display: block;
        margin: 0 auto
    }

    .major-select-wrapper .list .item .info {
        float: none;
        margin-top: 0.1rem !important;
        text-align: center
    }

    .major-select-wrapper .list .item .info .name {
        font-size: 0.3rem;
        margin-bottom: 0;
        font-weight: bold
    }

    .major-select-wrapper .list .item .info .content {
        display: none
    }

    .major-select-wrapper .list .item .modal {
        width: 100%;
        height: auto;
        padding: 0.3rem;
        border-radius: 0.1rem
    }

    .major-select-wrapper .list .item .modal::after {
        display: none !important
    }

    .major-select-wrapper .list .item .modal .sub-wrap {
        display: block
    }

    .major-select-wrapper .list .item .modal .sub-wrap .left {
        margin-bottom: 0.3rem
    }

    .major-select-wrapper .list .item .modal .sub-wrap .left .sub {
        font-size: 0.26rem;
        line-height: 1.6
    }

    .major-select-wrapper .list .item .icon,.major-select-wrapper .list .item .info {
        margin: 0 auto;
        text-align: center
    }

    .major-select-wrapper .list .item .left-item {
        width: auto;
        padding: 0.1rem;
        margin-bottom: .2rem
    }

    .major-select-wrapper .list .item .left-item-box {
        display: flex;
        align-items: stretch;
        justify-content: space-between
    }

    .major-select-wrapper .list .item:nth-child(1) .icon,.major-select-wrapper .list .item:nth-child(1) .info {
        left: 10%
    }

    .major-select-wrapper .list .item:nth-child(2) .icon,.major-select-wrapper .list .item:nth-child(2) .info {
        left: 30%
    }

    .major-select-wrapper .list .item:nth-child(3) .icon,.major-select-wrapper .list .item:nth-child(3) .info {
        left: 50%
    }

    .major-select-wrapper .list .item:nth-child(4) .icon,.major-select-wrapper .list .item:nth-child(4) .info {
        left: 70%
    }

    .major-select-wrapper .list .item:nth-child(5) .icon,.major-select-wrapper .list .item:nth-child(5) .info {
        left: 90%
    }

    .major-select-wrapper .list .item .modal {
        position: static
    }

    .one-adv-wrapper .swiper-button-prev {
        transform: rotate(180deg) scale(0.7)
    }

    .one-adv-wrapper .swiper-button-next {
        transform: translateX(0) scale(0.7)
    }

    .one-adv-wrapper .swiper-button-prev,.one-adv-wrapper .swiper-button-next {
        position: static;
        display: inline-block;
        vertical-align: middle;
        margin-top: 0.2rem
    }

    .one-adv-wrapper .bg {
        padding: 0.6rem 0 0.4rem;
        text-align: center
    }

    .one-adv-wrapper .bg .box {
        overflow: hidden;
        padding: 0;
        width: 94%;
        text-align: left
    }

    .one-adv-wrapper .bg .box .item {
        width: 100%;
        height: 3.6rem;
        padding-top: 0.3rem
    }

    .one-adv-wrapper .bg .box .item .left .photo {
        width: 1rem;
        height: 1rem;
        margin-bottom: 0.4rem
    }

    .one-adv-wrapper .bg .box .item .left .t1 {
        font-size: 0.3rem
    }

    .one-adv-wrapper .bg .box .item .left .t2 {
        font-size: 0.24rem
    }

    .one-adv-wrapper .bg .box .item .right {
        padding: 0.3rem
    }

    .one-adv-wrapper .bg .box .item .right .title {
        font-size: 0.3rem;
        width: 100%;
        padding: 0 0 0 0;
        margin-bottom: 0.3rem
    }

    .one-adv-wrapper .bg .box .item .right .content {
        font-size: 0.24rem;
        width: 100%;
        line-height: 1.6
    }

    .one-feature-wrapper .btns {
        display: flex;
        position: relative;
        z-index: 999
    }

    .one-feature-wrapper .btns .arrow2 {
        position: static;
        z-index: 10;
        bottom: auto;
        left: auto;
        right: auto;
        top: auto;
        margin-top: 0
    }

    .one-feature-wrapper .btns .arrow2.swiper-button-prev {
        transform: scale(0.7);
        margin-right: 0rem
    }

    .one-feature-wrapper .btns .arrow2.swiper-button-next {
        transform: scale(0.7)
    }

    .one-feature-wrapper .box {
        display: block
    }

    .one-feature-wrapper .box .item {
        width: 100%;
        margin-bottom: 0.0rem
    }

    .one-feature-wrapper .box .item .title {
        width: 70%;
        height: 0.8rem;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.28rem
    }

    .one-feature-wrapper .box .item .info {
        width: 90%;
        margin: 0 auto 0.3rem;
        height: auto;
        padding-bottom: 0.4rem
    }

    .one-feature-wrapper .box .item .info .img {
        height: 3.2rem
    }

    .one-feature-wrapper .box .item .info .content {
        width: 100%;
        padding: 0 0.3rem;
        font-size: 0.24rem;
        line-height: 0.4rem;
        height: 1.2rem
    }

    .one-feature-wrapper .box .item .info .btn {
        width: 80%;
        height: 0.8rem;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.24rem
    }

    .one-feature-wrapper .box .item .info .title {
        width: 90%;
        height: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.28rem
    }

    .one-target-wrapper .w1170 {
        width: 100%
    }

    .one-target-wrapper .box .list {
        display: block
    }

    .one-target-wrapper .box .list .item {
        padding-left: 0;
        margin-bottom: 0.3rem
    }

    .one-target-wrapper .box .list .item::after {
        display: none
    }

    .one-target-wrapper .box .list .item .title {
        font-size: 0.3rem;
        margin-bottom: 0.2rem
    }

    .one-target-wrapper .box .list .item .sub {
        margin-bottom: 0
    }

    .one-target-wrapper .box .list .item .sub .content {
        font-size: 0.24rem;
        line-height: 1.6;
        height: auto !important;
        min-height: 0px
    }

    .one-target-wrapper .box .list .item .sub .dot {
        width: 0.08rem;
        height: 0.08rem;
        margin-top: 0.1rem;
        margin-right: 0.1rem
    }

    .two-adv-wrapper {
        padding-bottom: 0.6rem;
        background-image: none;
        background-color: #282a39
    }

    .two-adv-wrapper .box {
        display: block
    }

    .two-adv-wrapper .box .left {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin-bottom: 0.3rem
    }

    .two-adv-wrapper .box .left .title {
        height: auto;
        width: 3.4rem;
        min-width: 3.4rem;
        margin-right: 0.2rem;
        margin-bottom: 0
    }

    .two-adv-wrapper .box .left .div {
        width: 46%
    }

    .two-adv-wrapper .box .left .btn {
        padding-left: 0;
        height: 0.7rem;
        line-height: 1;
        padding: 0 0.6rem 0 0 !important;
        text-align: center;
        margin-bottom: 0.4rem;
        margin-top: 0;
        cursor: pointer;
        display: inline-block;
        vertical-align: middle;
        font-size: 0.28rem;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .two-adv-wrapper .box .left .btn.btn-2 {
        margin-bottom: 0 !important
    }

    .two-adv-wrapper .box .right {
        width: 100%
    }

    .two-adv-wrapper .box .right .item {
        width: 100%;
        padding: 0.3rem
    }

    .two-adv-wrapper .box .right .item .title {
        font-size: 0.3rem;
        margin-bottom: 0.3rem;
        line-height: 1.6
    }

    .two-adv-wrapper .box .right .item .content {
        font-size: 0.24rem;
        line-height: 1.6
    }

    .left-fixed,.right-fixed,.ct-fixed {
        display: none
    }

    .two-receive-wrapper {
        padding-bottom: 0.6rem
    }

    .two-receive-wrapper .box {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .two-receive-wrapper .box .list,.two-receive-wrapper .box .form {
        width: 49%
    }

    .two-receive-wrapper .box .form {
        padding: .2rem;
        display: block
    }

    .two-receive-wrapper .box .form .label {
        width: 100%;
        height: auto
    }

    .two-receive-wrapper .box .form .btn {
        height: 0.5rem;
        font-size: 0.2rem;
        border-radius: 0.8rem
    }

    .two-receive-wrapper .box .form .btn img {
        height: 0.3rem
    }

    .two-receive-wrapper .box .form .icon {
        height: 0.4rem;
        width: 0.4rem;
        padding: 0;
        margin: 0 0.1rem
    }

    .two-receive-wrapper .box .form .icon img {
        height: 100%;
        width: 100%
    }

    .two-receive-wrapper .box .form .form-wrap {
        display: block;
        border: none;
        width: 100%;
        height: auto;
        border-radius: 0;
        padding-left: 0;
        margin-top: 0.2rem
    }

    .two-receive-wrapper .box .form .dd {
        border: 1px solid #3A47B8;
        border-radius: 0.8rem;
        overflow: hidden;
        margin-bottom: 0.2rem
    }

    .two-receive-wrapper .box .form .dd .el-input {
        flex: 1;
        width: 100%
    }

    .two-receive-wrapper .box .form .dd .el-input .el-input__inner {
        height: 30px;
        line-height: 30px;
        padding: 0 4px
    }

    .two-receive-wrapper .box .list {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding-bottom: 0
    }

    .two-receive-wrapper .box .list .item {
        width: 48%
    }

    .two-receive-wrapper .box .list .item .photo {
        height: auto;
        margin-bottom: 0.1rem
    }

    .two-receive-wrapper .box .list .item .name {
        font-size: 0.2rem
    }

    .two-receive-wrapper .box .list .item .title {
        font-size: 0.2rem;
        margin-top: 2px
    }

    .two-degree-wrapper {
        padding-bottom: 0.6rem
    }

    .two-degree-wrapper .box {
        padding: 0.3rem;
        font-size: 0.24rem;
        line-height: 1.6;
        height: auto;
        border-radius: .1rem;
        width: 92%;
        text-align: left;
        margin-bottom: 0.6rem
    }

    .two-degree-wrapper .box::after {
        border-left-width: 6px;
        border-right-width: 6px;
        border-top-width: 6px
    }

    .two-degree-wrapper .wrap {
        padding: 0 3%
    }

    .two-degree-wrapper .wrap .line {
        display: none !important
    }

    .two-degree-wrapper .wrap .list {
        justify-content: space-between;
        margin: 0;
        width: 100%
    }

    .two-degree-wrapper .wrap .list .item {
        border: none !important;
        box-shadow: 1px 2px 17px 1px rgba(53,53,53,0.14);
        border-radius: 50%;
        width: 1.6rem;
        height: 1.6rem
    }

    .two-degree-wrapper .wrap .list .item .sub .rank {
        font-size: 0.8rem;
        font-weight: normal;
        opacity: 0.2
    }

    .two-degree-wrapper .wrap .list .item .sub .name {
        font-size: 0.3rem;
        padding: 0.1rem 0;
        margin-bottom: 0.1rem
    }

    .two-degree-wrapper .wrap .list .item .sub .title {
        font-size: 0.2rem;
        line-height: 1.4
    }

    .detail-safe-wrapper {
        padding-bottom: 0.4rem
    }

    .detail-safe-wrapper .list {
        display: block;
        padding-left: 0
    }

    .detail-safe-wrapper .list .item {
        width: 100%;
        height: auto;
        margin-bottom: 0.2rem;
        padding-bottom: 0.3rem
    }

    .detail-safe-wrapper .list .item .title {
        padding: 0.2rem
    }

    .detail-safe-wrapper .list .item .info {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 0.2rem
    }

    .detail-safe-wrapper .list .item .info .photo {
        margin: 0 !important;
        width: 1.3rem;
        min-width: 1.3rem
    }

    .detail-safe-wrapper .list .item .info .content {
        width: 100%
    }

    .detail-safe-wrapper .list .item .info .left {
        display: block !important
    }

    .detail-safe-wrapper .list .item .head {
        background: url(http://oss.kongjie88.com/liuxuepc/image/detail/bg.png) center no-repeat
    }

    .detail-safe-wrapper .list .item .head .rank {
        color: #fff;
        font-size: 0.26rem
    }

    .detail-safe-wrapper .list .item .head .dot {
        background: #02C176;
        border-color: #FFFFFF
    }

    .twomaster-adv-wrapper {
        padding-bottom: 0.4rem
    }

    .twomaster-adv-wrapper .head,.twomaster-adv-wrapper .bot-btn {
        display: none
    }

    .twomaster-adv-wrapper .list {
        flex-wrap: wrap
    }

    .twomaster-adv-wrapper .list .item {
        width: 32%;
        margin-bottom: 12px
    }

    .twomaster-adv-wrapper .list .item .info {
        width: 100%;
        height: 266px
    }

    .twomaster-adv-wrapper .list .item .info .content {
        font-size: 12px;
        line-height: 20px;
        height: 200px
    }

    .twomaster-adv-wrapper .list .item .info .title {
        font-size: 16px;
        box-sizing: content-box;
        padding-top: 8px
    }

    .twomaster-adv-wrapper .list .item .line {
        display: none
    }

    .twomaster-plan-wrapper {
        padding-bottom: 0.6rem
    }

    .twomaster-plan-wrapper .box .item {
        background-size: 100% 100%;
        height: 46px;
        position: relative;
        margin-bottom: 30px
    }

    .twomaster-plan-wrapper .box .item .title {
        width: 34%;
        font-size: 16px;
        margin-right: 0
    }

    .twomaster-plan-wrapper .box .item .tag {
        width: 130px;
        bottom: -28px;
        right: 0;
        font-size: 12px;
        line-height: 28px;
        height: 28px;
        margin-right: 0;
        position: absolute
    }

    .twomaster-plan-wrapper .box .item .btn {
        bottom: -28px;
        right: 140px;
        width: 50px;
        font-size: 12px;
        line-height: 28px;
        height: 28px;
        margin-right: 0;
        position: absolute
    }

    .twomaster-plan-wrapper .box .item .content {
        font-size: 10px;
        text-align: center
    }

    .high-picture-wrapper {
        padding-bottom: 0
    }

    .high-picture-wrapper .box {
        position: relative;
        padding-bottom: 68px;
        margin-top: 20px
    }

    .high-picture-wrapper .box .left,.high-picture-wrapper .box .right {
        width: 48%
    }

    .high-picture-wrapper .box .left .item,.high-picture-wrapper .box .right .item {
        width: 100%;
        height: 54px
    }

    .high-picture-wrapper .box .left .item .info,.high-picture-wrapper .box .right .item .info {
        top: 0;
        left: 0
    }

    .high-picture-wrapper .box .left .item .info .t1,.high-picture-wrapper .box .right .item .info .t1 {
        font-size: 14px
    }

    .high-picture-wrapper .box .left .item .info .t2,.high-picture-wrapper .box .right .item .info .t2 {
        font-size: 12px
    }

    .high-picture-wrapper .box .right {
        float: right
    }

    .high-picture-wrapper .box .right .item .info {
        right: 0;
        left: auto
    }

    .high-picture-wrapper .box .center {
        position: absolute;
        width: 48%;
        margin-left: 0;
        margin-right: 0;
        bottom: 0;
        left: 8%
    }

    .high-picture-wrapper .box .center .item {
        width: 100%;
        height: 54px
    }

    .high-picture-wrapper .box .center .item .info {
        top: 0;
        left: 0
    }

    .high-picture-wrapper .box .center .item .info .t1 {
        font-size: 14px
    }

    .high-picture-wrapper .box .center .item .info .t2 {
        font-size: 12px
    }

    .bottom-form-container {
        display: none
    }

    .scroll-ov,.mobile-list-box-hide {
        overflow: hidden;
        height: 40px
    }

    .mobile-list-box-hide {
        margin-bottom: 0.3rem
    }

    .subject-box,.mobile-list-box {
        height: 55px !important;
        overflow-y: hidden !important
    }
}

.ny-header1 .menu-list {
    font-weight: bold
}

@keyframes scaleAni {
    from {
        transform: scale(1) translateX(-50%)
    }

    50% {
        transform: scale(1.2) translateX(-50%)
    }

    to {
        transform: scale(1) translateX(-50%)
    }
}

@keyframes scaleAni2 {
    from {
        transform: scale(1)
    }

    50% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

::-webkit-scrollbar {
    width: 4px
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: none;
    opacity: 0.2;
    background: transparent
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    border-radius: 0;
    background: transparent
}

::-moz-scrollbar {
    width: 4px
}

::-moz-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: none;
    opacity: 0.2;
    background: transparent
}

::-moz-scrollbar-track {
    -webkit-box-shadow: none;
    border-radius: 0;
    background: transparent
}

::scrollbar {
    width: 4px
}

::scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: none;
    opacity: 0.2;
    background: transparent
}

::scrollbar-track {
    -webkit-box-shadow: none;
    border-radius: 0;
    background: transparent
}
